<template>
  <div class="shop">
        <Top :seller="seller"></Top>
        <Detail></Detail>
        <Account :seller="seller"></Account>
  </div>
</template>
<script>
import Top from './top/Top'
import Detail from './detail/Detail'
import Account from './account/Account'
import {mapGetters} from 'vuex'
import * as api from '@/api'
export default {
  data () {
    return {
      detail: true
    }
  },
  computed: {
    ...mapGetters(['seller'])
  },
  components: {
    Top,
    Detail,
    Account
  },
  methods: {

  },
  created () {
    this.$http({
      url: api.GOODS
    }).then(res => {
      console.log(res)
    })
  }
}
</script>
<style lang="less" scoped>
.shop {
  position:absolute;
  overflow: hidden;
  z-index: 99;
  height: auto;
  width:100%;
  background-color: #eeeeee;
  top:0;
  left:0;
}
</style>
